<template>
	<view>
		<view class="card">
		<uni-table ref="table" border stripe filter-type="search" emptyText="暂无更多数据"
			@selection-change="selectionChange" :stripe="true">
			<uni-tr>
				<uni-th width="50" align="center">bomID</uni-th>
				<uni-th width="50" align="center">库存数量</uni-th>
				<uni-th width="120" align="center">组件类型</uni-th>
				<uni-th align="center" width="50">组件规格</uni-th>
				<!-- <uni-th align="center" width="80">质量等级</uni-th> -->
			</uni-tr>
			<uni-tr v-for="(item,index) in date" :key="index">
				<uni-td align="center">{{ item.bomId }}</uni-td>
				<uni-td align="center">{{ item.stockNum }}</uni-td>
				<uni-td align="center">{{ item.productType }}</uni-td>
				<uni-td align="center">{{ item.moduleModel }}</uni-td>
			</uni-tr>
		</uni-table>
		</view>
	</view>
</template>

<script>
	import {getData} from '@/api/tzxx/tzxx/inxex.js'
	export default {
		data() {
			return {
				date:[]
			}
		},
		created() {
			this.getData()
		},
		methods: {
			getData(){
				getData().then(res=>{
					this.date = res.rows
				})
			}
		}
	}
</script>

<style>
.uni-table-td{
	border: none !important;
}
.table--border{
	border-top: none !important;
	border-right: none !important;
	/* border-bottom: 1px #ebeef5 solid !important; */
}
.card{
	margin: 28rpx auto;
	width: 686rpx;
	/* height: 446px; */
	opacity: 1;
	border-radius: 20rpx;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 8rpx  rgba(30, 36, 54, 0.03);

}
</style>
